<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>交集选择器</title>
<style type="text/css">
	/* 设置字体大小为20px; */
	p{
		font-size: 20px;
	}
	/* 设置字体颜色为红色 */
	.c{
		color:red;
	}
	/* 将两个属性合并在一起的选择器，且可以增加额外的属性，作用于运用了class选择器的字段 */
	p.c{
		text-decoration: underline;
	}
	
</style>
</head>
<body>
<p id="p1">段落一</p>
<p id="p2">段落二</p>
<p id="p3" class="c">段落三</p>
<h1 id="h1" class="c">字体一</h1>
<h2 id="h2">字体二</h2>
<div id="d1">方块1</div>
</body>
</html>